%
%       This document is free documentation; you can redistribute it and/or modify
%       it under the terms of the GNU Free Documentation License as published by
%       the Free Software Foundation; either version 1.2 of the License, or
%       any later version.
%       
%       This doc is distributed in the hope that it will be useful,
%       but WITHOUT ANY WARRANTY; without even the implied warranty of
%       MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
%       GNU Free Documentation License for more details.
%       
%       You should have received a copy of the GNU Free Documentation
%       License along with this document ; if not, write to the Free
%       Software Foundation, Inc., 51 Franklin Street, Fifth Floor,
%       Boston, MA 02110-1301, USA.
% 
\section{Making Navigation Easy}
\subsection{Unified Browsing Hierarchy}\label{sec:UnifiedBrowsingHierarchy}
El sitio, en su página principal, cuenta con una barra de navegación y
un listado de categorías, formando una L invertida (con su vértice en
la parte superior izquierda). Algunas de las páginas correspondientes
a la barra de navegación la siguen teniendo, facilitando los saltos
entre las mismas.  La barra no cuenta con gráficos (aunque teniendo
texto, la misma es un gráfico). La lista de categorías únicamente
tiene una ilustración de un autito al lado de Autos, Motos y Otros y
un corazón al lado de Encuentros.

\subsection{Navigation bar}\label{sec:NavigationBar}
Como se menciona en \ref{sec:UnifiedBrowsingHierarchy}, MercadoLibre cuenta
con una barra de navegación. No consta de links textuales, sino que se trata
de un gráfico con los nombres de los distintos items. Esta barra permanece
en casi todas las páginas.

La lista de categorías es otra barra de navegación. Ésta cuenta con
enlaces de texto, pero no está presente en todas las páginas,
sólo en la principal. Las páginas de las categorías tienen a su vez un listado
de las subcategorías, en la misma ubicación.

\subsection{Tab rows}\label{sec:TabRows}
No se aplica en este sitio.

\subsection{Action buttons }
El sitio cuenta con botones de acción en lugares donde necesita una
confirmación del usuario (ejemplos: al registrarse como usuario, los botones
``Continuar'' y ``Cancelar''; al comprar, ``Confirmar'' y ``Regístrate
y compra''), o como su denominación lo indica, llevar a cabo
una acción (ejemplo: ``Ir'' en la búsqueda).

\subsection{High-visibility action buttons}
Algunos de los botones están hechos de forma que resalten:
en la barra de búsqueda (un botón gráfico redondo con el texto ``Ir''),
en el registro de una nueva cuenta, en la página de acceso (``Continuar''),
el botón Comprar en los productos, etc.. El resaltado es principalmente
con fondo azul, dando al mismo tiempo una diferenciación de los botones web
estándares y un mismo estilo en el sitio.  El botón Comprar es el único
que se repite al final de la página (de entre las páginas que superan
el alto de la pantalla).

\subsection{Location bread crumbs}\label{sec:LocationBreadCrumbs}

El sitio usa rastros de migas para mostrar dónde se encuentran los
productos dentro de las categorías y subcategorías (por ejemplo,
Coleccionables y Hobbies / Posters, Carteles y Fotos / Posters / Series de TV
para un poster de Viaje a las Estrellas), o en la ayuda las distintas
preguntas (por ejemplo, Portal de Ayuda \textgreater \ldots \textgreater Publicar artículos
para vender \textgreater ¿Cómo publico un artículo? Pasos.).

\subsection{Embedded link}

El Portal de ayuda cuenta con links embebidos en sus artículos. Son
claros y entendibles, son bastante pocos y suficientes. En algunos
casos se abren ventanas pop-up.

% Me puse a revisar los links y encontré sólo dos pop-ups (como página
% entera (pestaña en el Firefox ;-)), no como ventanita) en ¿Cómo
% cancelo mi registración? y en el Centro de seguridad, Protege tu
% cuenta y clave; yo seguí buscando pero son demasiados :-S. -Ariel
% 30/04/09 15:57
\subsection{External links}\label{sec:ExternalLinks}
Los pocos links externos de los que dispone el sitio no se distinguen
de los links a páginas propias.

Un ejemplo se encuentra en el Portal de ayuda, en la sección ``No recibí
 el e-mail de confirmación'', donde se enlaza a Yahoo, GMail y Hotmail.
 Otros links externos se encuentran tras las imágenes de servicios
 de confianza web, al final de la página principal.

 Todos los links externos
% (que pude encontrar)
% -Ariel 30/04/09 16:10 
se abren en ventanas nuevas.
\subsection{Descriptive, longer link names}\label{sec:DescriptiveLongerLinkNames}

En general, los vínculos tienen nombres descriptivos, con varias
palabras cuando hace falta.  En el listado de categorías, donde se
puede llegar a encontrar alguna categoría con un nombre demasiado
largo, ninguna sobrepasa el ancho de la columna. La más larga está
abreviada: Electrodomésticos y Aires Ac.. De esta forma se distinguen
claramente sin necesidad de viñetas o líneas divisorias.

% No vi links distintos con nombres parecidos, aunque tengo la
% sensación de que algo hay (¿será porque se trata de una página
% naciomal?), y es un quilombo andar buscando. -Ariel 30/04/09 16:21

\subsection{Obvious links}\label{sec:ObviousLinks}

Todos los links de texto que se encuentran en el sitio son del clásico
color azul (y la mayoría cambian a violeta; por ejemplo, la dirección
del link Encuentros es generada cada vez que se ve la página, por lo
que el navegador no lo puede relacionar con la página vista), aunque
no todos están subrayados.

\subsection{Familiar language}\label{sec:FamiliarLanguage}

En general en el sitio se usa un lenguaje simple y familiar. Ya que no
se enfoca en una categoría de producto para vender, es más difícil
encontrar un lenguaje técnico. La ayuda podría llegar a incluir
lenguaje técnico, dado que se trata de un sitio web, y no todos los
usuarios conocen tanto del tema, pero igual sus artículos son
sencillos y entendibles.

\subsection{Preventing errors}
En la página de registro hay cuadros donde ingresar, entre otros
datos, uno o dos números de teléfono, nombre y contraseña. Debajo de
dichos cuadros hay un breve texto explicativo de ayuda. En el caso de
los teléfonos, da un ejemplo que muestra en qué forma se ingresa el
número (al costado incluye otro cuadro para ingresar interno, y aclara
que hay que ingresarlo sólo si es necesario). Debajo de la clave
explica que ésta tiene que tener entre 6 y 12 letras y/o números.
% No se si en la publicación de un artículo hay algo de eso. -Ariel
% 30/04/09 16:53
También pide ubicación: país (fijo de acuerdo al país
de la versión de MercadoLibre; no hay posibilidad para errores),
provincia (en una lista desplegable; no hay posibilidad para errores)
y ciudad (en un cuadro de texto; propenso a errores ortográficos).
Todos los campos obligatorios tienen un asterisco, y a un costado
explica lo que significa.
\subsection{Meaningful error messages}\label{sec:MeaningfulErrorMessages}
En la ventana de registro, ante un error en un campo, lo marca con un
ícono rojo y una descripción de lo que necesita también en color rojo,
y al principio de la página muestra un mensaje que indica al usuario
buscar los errores señalados con ese ícono.  Los textos descriptivos
originales están en color verde, y los de los errores en color
rojo. 

% ¿Importa que se tengan que distinguir? ¿Molesto a un amigo mío,
% daltónico, para que me diga si los diferencia (por ahí tienen un
% brillo distinto)? -Ariel 30/04/09 17:15
\subsection{Page not found}

Si se navega hasta una URL inexistente dentro del servidor de
MercadoLibre, aparece una página con ciertas opciones: ir a la página
principal, ver los artículos más vendidos, vender un artículo, buscar,
o volver a la página anterior.

\subsection{Permalinks}\label{sec:Permalinks}

El sitio cuenta con permalinks. Se puede comprobar al usar un buscador
externo, ya que muchas veces éstos tienen almacenadas páginas de
productos que ya no están a la venta, pero que igual se mantienen en
el sitio. En esos casos, a la página se le agrega un listado con
cuatro productos parecidos al que ya no se encuentra. Pero el sitio no
puede contener información de todos los productos que se han
publicado, y algunos de mayor antigüedad son eliminados.

\subsection{Jump Menus}\label{sec:JumpMenus}

En las páginas de los listados, cuando la cantidad de filtros en una
categoría es mayor a 5, el quinto filtro es reemplazado por un link,
\emph{``Más opciones''}, que abre un recuadro con todos los filtros
correspondientes. Dicho recuadro incluye un título (de acuerdo al
filtro, por ejemplo \emph{``Categorías''}) y un botón de cierre.  Este
recuadro se menciona en \ref{sec:SiteAccessibility} por perjudicar la accesibilidad del sitio.

\subsection{Site map}\label{sec:sitemap}

Los creadores del sitio han implementado la funcionalidad de ``Site Map''
(Mapa del sitio) y es accesible desde la homepage\footnote{Su
  dirección es \url{http://www.mercadolibre.com.ar/sitemap.html}}. Un
screenshot se muestra en la figura \ref{fig:site_map}.

\simpleplaceimage{width=0.60\textwidth}{h}{imgs/site_map}{Mapa del
  sitio MercadoLibre.com.}{fig:site_map}

Esta página contiene únicamente texto (salvo por la cabecera y algunos
íconos), y está organizado en forma de grilla, con las páginas
relacionadas seguidas y accesos directos a las categorías, lo que lo
hace rápido de cargar y claro de entender. Todas las páginas cuentan
con un link al mismo, en la parte superior.



%%% Local Variables: 
%%% mode: latex
%%% TeX-master: "../informe"
%%% End: 
